{%- if title != "" or detail != "" -%}
  <div class="block_title_custom {{text_algin | default: 'text-left'}}">
    {%- if title != "" and title -%}
      <h2 class="{%if more_text != '' and more_text %}flex  justify-between gap-2 items-center flex-wrap{% endif %}">
        <span>{{title}}</span>
        {%- if more_text != '' and more_text -%}
          <a class="title_more flex gap-1 items-center" href="{{more_href}}">{{more_text}} {% include 'arrow_span',direction: 'right' %}</a>
        {%- endif -%}
      </h2>
    {%- endif -%}
    {%- if detail != "" and detail -%}
      <div class="block_detail">{{detail}}</div>
    {%- endif -%}
  </div>
{%- endif -%}